<template>
<div class='historyRqtBtn'>
  <br>
  <el-card body-style='padding: 6px;'>

    <div class="card-header">
      <span>东院全科</span>
    </div>

    <div class="card-body">
      <span>肝功,肾功,血脂四项,血糖</span>
    </div>

    <div class="card-footer">
      <span>2024-06-3</span>
    </div>
  </el-card>
  <br>
  <el-card body-style='padding: 6px;border-color: chocolate;  border-style: dotted;' body-class='select-active'>
    <div class="card-header">
      <span>东院全科</span>
    </div>

    <div class="card-body">
      <span>肝功,肾功,血脂四项,血糖</span>
    </div>

    <div class="card-footer">
      <span>2024-06-3</span>
    </div>
  </el-card>
  <br>
</div>
</template>

<script>
export default {
name: "HistoryRqtBtn"
}
</script>

<style scoped>
.historyRqtBtn{
}
.el-card{
  padding: 2px;
}
.select-active {
  border-color: chocolate;  border-style: dotted;
}
.card-body{
  font-size: 14px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.card-header,.card-footer{
  font-size: 13px;
  color: #cccccc;
}
</style>
